﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JqueryListPager.aspx.cs"
    Inherits="WebApp.JqueryListPager" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>demo -- jquery list and pager</title>

    <script src="scripts/jquery-1.2.6-vsdoc.js" type="text/javascript"></script>

    <script src="scripts/jquery-1.2.6.js" type="text/javascript"></script>

    <script src="scripts/jquery.pager.js" type="text/javascript"></script>

    <script src="scripts/JSRepeater.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">
        $(document).ready(function() {

            var titles = new Array("编号", "名称", "金额", "日期");
            var dataFields = new Array("id", "name", "amount", "create_date");
            var dataMethod = "post";
            var dataSourceURL = "OutputHandler.ashx";
            var r = new JsRepeater(titles, dataFields, dataMethod, { "source": "JqueryListPager" }, dataSourceURL, "", false, false);
            r.DataBind();
         

        });
        
     //   document.onload();
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <table id="list">
        <thead>
            <tr>
                <th>
                    s
                </th>
                <th>
                    t
                </th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                </td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th>
                </th>
            </tr>
        </tfoot>
    </table>
    <div id="pager">
    </div>
    </form>
</body>
</html>
